<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('样品详细')" />
    <style>
        .form-section {
            background: #fff;
            border-radius: 8px;
            padding: 20px 30px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
            margin-bottom: 30px;
        }
        .form-header {
            border-left: 4px solid #1ab394;
            padding-left: 10px;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .form-control-plaintext {
            padding-top: 6px;
        }
        .service-item {
            display: inline-block;
            margin-right: 10px;
            background: #f3f3f3;
            padding: 5px 10px;
            border-radius: 4px;
        }
    </style>
</head>
<body>
<div class="main-content">
    <!--<form class="form-horizontal" th:object="${sample}">
        <h4 class="form-header h4">基本信息</h4>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">样品名称：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{samName}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">描述：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{samDes}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">solvent：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{solvent}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Position：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{samSlot}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">quantity：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{quantity}"></p>
                    </div>
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Molecular Formula：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{mFormula}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">Molecular Weight：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{mWeight}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="form-group">
                    <label class="col-xs-2 control-label">服务：</label>
                    <div class="col-xs-10">
                        <p class="form-control-plaintext" th:each="service : ${services}" th:text="${service.serName}"></p>
                    </div>
                </div>
            </div>
        </div>
        <h4 class="form-header h4">其他信息</h4>

    </form>-->

    <form class="form-horizontal" th:object="${sample}">
        <div class="form-section">
            <h4 class="form-header h4">基本信息</h4>
            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">样品名称：</label>
                    <p class="form-control-plaintext" th:text="*{samName}">示例样品</p>
                </div>
                <div class="col-md-6">
                    <label class="form-label">描述：</label>
                    <p class="form-control-plaintext" th:text="*{samDes}">示例描述</p>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">Solvent：</label>
                    <p class="form-control-plaintext" th:text="*{solvent}"></p>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Position：</label>
                    <p class="form-control-plaintext" th:text="*{samSlot}"></p>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">Quantity：</label>
                    <p class="form-control-plaintext" th:text="*{quantity}"></p>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-md-6">
                    <label class="form-label">Molecular Formula：</label>
                    <p class="form-control-plaintext" th:text="*{mFormula}"></p>
                </div>
                <div class="col-md-6">
                    <label class="form-label">Molecular Weight：</label>
                    <p class="form-control-plaintext" th:text="*{mWeight}"></p>
                </div>
            </div>

            <div class="row mb-3">
                <div class="col-12">
                    <label class="form-label">服务：</label>
                    <div th:each="service : ${services}" class="service-item" th:text="${service.serName}">服务名称</div>
                </div>
            </div>
        </div>

        <div class="form-section">
            <h4 class="form-header h4">其他信息</h4>
            <!-- 其他信息展示区域 -->
        </div>
    </form>
</div>
<th:block th:include="include :: footer" />
</body>
</html>